@use 'sass:map';
@use 'sass:color';

// 资产首页
.asset-home-box {
  position: relative;
  display: block;
  height: calc(100vh - 105px);
  overflow: hidden;

  .asset-home-area-card {
    position: absolute;
    top: map.get($spacing, 'secondGear');
    left: map.get($spacing, 'secondGear');
    transition: all 0.2s;

    &:not(.asset-home-area-card-has-content) {
      // width: 52px;
      height: 32px;

      :global {
        .el-card__body {
          padding: 0;
        }
      }
    }

    .asset-home-area-card-expand {
      padding: map.get($spacing, 'firstGear') map.get($spacing, 'secondGear');
    }
  }

  .asset-home-area-card-has-content {
    width: 216px;
    height: calc(100% - 48px);

    :global(.el-card__body) {
      height: calc(100% - 90px);
    }

    .asset-home-area-card-title {
      margin-bottom: map.get($spacing, 'secondGear');
    }

    .asset-home-area-scrollbar {
      margin-top: map.get($spacing, 'secondGear');
      max-height: calc(100% - 62px);

      :global {
        .el-scrollbar__view {
          height: 100%;
        }

        .asset-home-area-space {
          display: flex;
        }
      }
    }

    .asset-home-area-alert-info,
    .asset-home-area-alert-primary {
      :global {
        .el-alert__content {
          padding: 0;
        }
      }
    }

    .asset-home-area-alert-info {
      background-color: transparent;
      border: 1px solid map.get($border-color, '');
      color: map.get($text-color, 'primary');

      &:hover {
        border-color: $color-primary;
      }
    }

    .asset-home-area-alert-primary {
      background-color: rgba($color-primary, 0.1);
      border: 1px solid $color-primary;
      color: map.get($text-color, 'primary');
    }

    .asset-home-area-alert-title {
      width: 150px;
    }
  }

  .asset-home-area-search-bar {
    position: absolute;
    top: map.get($spacing, 'secondGear');
    left: 249px;
    transition: left 0.2s;

    &.asset-home-area-search-bar-collapse {
      left: 0;
    }

    .asset-home-area-search-bar-form {
      display: flex;
      gap: 16px;

      .asset-home-area-search-bar-form-item {
        width: 240px;

        :global {
          .el-input-group__prepend {
            padding: 0;
          }
        }
      }

      .asset-home-area-search-bar-form-moduleId-item {
        width: 100px;
      }
    }

    :global {
      .el-card__body {
        padding-bottom: 10px;
      }
    }
  }

  .asset-home-area-options-bar {
    position: absolute;
    bottom: map.get($spacing, 'secondGear');
    left: 249px;
    transition: left 0.2s;

    :global(.el-card__body) {
      padding: 0 calc(map.get($spacing, 'firstGear') / 2) 0 map.get($spacing, 'secondGear');
    }

    &.asset-home-area-options-bar-collapse {
      left: map.get($spacing, 'secondGear');
    }

    .asset-home-area-options-bar-icon {
      width: 24px;
      height: 24px;
    }
  }

  .asset-home-zoom {
    position: absolute;
    bottom: map.get($spacing, 'fifthGear') + map.get($spacing, 'thirdGear');
    right: map.get($spacing, 'secondGear');
    transition: bottom var(--el-transition-duration);

    &.asset-home-zoom-expand {
      bottom: 400px + map.get($spacing, 'fourthGear');
    }

    :global {
      .el-card__body {
        padding: map.get($spacing, 'firstGear');
      }

      .zoom-number-card {
        font-size: map.get($font-size, 'small');
        width: 30px;
        height: 30px;
        line-height: 1.2;
        text-align: center;
      }

      .zoom-option-card {
        .el-card__body {
          padding-bottom: 0;
        }

        .el-divider {
          margin: 0;
        }
      }
    }
  }

  .asset-home-graphic-example {
    position: absolute;
    bottom: map.get($spacing, 'secondGear');
    right: map.get($spacing, 'secondGear');
    width: 185px;
    height: 400px;

    &.asset-home-graphic-example-packUp {
      height: map.get($spacing, 'fifthGear');

      :global(.el-card__body) {
        height: 0;
        padding: 0;
      }
    }

    :global(.text-one-line-overflow) {
      width: 100px;
      font-size: map.get($font-size, 'small');
    }

    .asset-home-graphic-example-icon {
      vertical-align: sub;
      width: 14px;
      height: 14px;
    }
  }

  .facility-loop-checkbox {
    // background-color: map.get($fill-color, 'light');
    border: 1px solid map.get($fill-color, 'light');
    border-radius: map.get($border-radius, 'base');
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: map.get($spacing, 'secondGear');
    padding: 8px;
    box-sizing: border-box;

    &:hover {
      border-color: $color-primary;
    }

    &:global(.is-checked) {
      border-color: $color-primary;
      background-color: color.adjust($color-primary, $alpha: -0.85);

      :global {
        .el-checkbox__label {
          color: map.get($checkbox, 'text-color');
        }
      }
    }

    :global {
      .el-checkbox__label {
        // font-weight: normal;
        font-size: map.get($font-size, 'base');
        flex: 1;
        display: flex;
        gap: map.get($spacing, 'secondGear');
        justify-content: start;
        align-items: center;
        color: map.get($text-color, 'primary');

        .facility-loop-checkbox-info {
          flex: 1;
          display: flex;
          justify-content: space-around;
          align-items: center;
          font-size: map.get($font-size, 'small');

          & > p {
            margin-bottom: 0;
          }
        }
      }
    }
  }
}

.asset-home-info-popover:global(.el-popover.el-popper) {
  padding: 0;

  .asset-home-info-popover-close {
    // float: right;
    // transform: translateY(-120%);
    font-size: map.get($font-size, 'extra-small');
  }

  .asset-home-area-info-card {
    width: 100%;
    border-color: transparent;

    &.asset-home-loop-info-card {
      width: 334px;

      :global(.el-card__body) {
        padding-bottom: 0;
      }
    }

    :global(.text-one-line-overflow) {
      width: 175px;
      vertical-align: bottom;
      display: inline-block;
      color: map.get($text-color, 'primary');
    }
  }

  .asset-home-facility-info-card {
    width: 334px;
  }

  .asset-home-light-pole-info-card {
    width: 334px;
  }

  .asset-home-light-pole-info-card,
  .asset-home-facility-info-card {
    border-width: 0;
    border-radius: map.get($spacing, 'firstGear');
    overflow: hidden;

    :global {
      .el-card__header {
        // background-color: map.get($fill-color, 'light');

        .el-tooltip__trigger {
          color: map.get($text-color, 'primary');
        }
      }
    }
  }

  .asset-home-light-info-image {
    width: 40px;
    height: 40px;
    border-radius: map.get($border-radius, 'base');
  }
}

.search-address-option {
  color: map.get($text-color, 'regular');
  height: 46px;
  line-height: 1.8;
  overflow: visible;

  .search-address-option-info {
    color: $color-info;
    font-size: map.get($font-size, 'extra-small');
  }
}

#asset-home-map {
  height: 100%;

  :global {
    .amap-marker-label {
      // font-size: map.get($font-size, 'small');
      // padding: map.get($spacing, 'firstGear') map.get($spacing, 'thirdGear');
      // border-radius: map.get($spacing, 'firstGear');
      // border-color: transparent;
      border-color: map.get($border-color, 'light');
    }

    .amap-overlay-text-container {
      border-radius: map.get($spacing, 'firstGear');
      border-color: transparent;
      box-shadow: var(--el-box-shadow-light);

      p {
        margin-bottom: map.get($spacing, 'firstGear');
      }

      .area-info-title {
        padding: map.get($spacing, 'firstGear') map.get($spacing, 'secondGear');
        font-size: map.get($font-size, 'base');
        font-weight: 500;
      }

      .area-info-content {
        padding: map.get($spacing, 'firstGear') map.get($spacing, 'secondGear') 0;
        border-top: 1px solid map.get($border-color, 'light');

        & > p {
          font-size: map.get($font-size, 'extra-small');
        }
      }
    }
  }
}

.info-card-box :global(.el-card__body) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.info-content-height-full-box {
  height: 100%;
}

.info-form-item-full-width {
  width: 100%;

  &:global(.el-input) {
    width: 100%;
  }

  :global {
    .el-radio-button {
      flex: 1;

      .el-radio-button__inner {
        width: 100%;
      }
    }

    .el-date-editor.el-input__wrapper {
      width: 100%;
    }
  }
}

.info-form-item-full-space {
  width: 100%;
  gap: map.get($spacing, 'firstGear');

  :global {
    .el-space__item:first-child {
      flex: 1;
    }
  }
}

.map-location {
  position: relative;
}

#map-location-amap {
  // height: 280px;
  min-height: 500px;
  height: calc(100% - 116px);
  margin-bottom: 20px;
}

.map-location-select-address {
  position: absolute;
  background-color: $color-white;
  top: map.get($spacing, 'secondGear');
  left: map.get($spacing, 'secondGear') + 12px;

  :global {
    .el-select .el-input .el-select__caret {
      transform: rotateZ(0deg);
    }
  }
}

.map-location-option-address {
  width: 98%;
  height: 48px;
  margin: 0 auto 6px;
  overflow: visible;

  &:global(.selected) {
    background-color: color.adjust($color-primary, $alpha: -0.85);
  }

  &:global(.selected .el-link--info) {
    color: $color-primary;
  }

  :global {
    .el-link {
      font-size: map.get($font-size, 'extra-large');
      margin-right: 8px;
      vertical-align: text-bottom;
    }

    .option-text {
      display: inline-block;
      vertical-align: sub;
      line-height: 1.8;
      font-size: map.get($font-size, 'small');
      color: map.get($text-color, 'primary');

      p {
        font-size: map.get($font-size, 'extra-small');
        color: $color-info;
      }
    }
  }
}

// 灯/灯杆 地图位置
#map-location-lamp {
  // height: 495px;
  // margin: 8px 12px 24px 8px;
  min-height: 600px;

  // height: calc(100% - 60px);
  margin-bottom: 24px;
}

.map-location-lamp-select-address {
  position: absolute;
  background-color: $color-white;
  top: 20px;
  left: 20px;

  :global {
    .el-select .el-input .el-select__caret {
      transform: rotateZ(0deg);
      color: $color-primary;
    }
  }
}

.map-location-lamp-option-address {
  height: 48px;
  margin: 0 5px;
  padding: 0 15px;
  overflow: visible;

  &:global(.selected) {
    background-color: color.adjust($color-primary, $alpha: -0.85);
  }

  &:global(.selected .el-link--info) {
    color: $color-primary;
  }

  :global {
    .el-link {
      font-size: map.get($font-size, 'large');
      margin-right: 8px;
    }
  }

  .map-location-lamp-option-link {
    color: color.adjust($color-info, $alpha: -0.5);
  }

  .map-location-lamp-option-line {
    height: 52px;
  }

  .map-location-lamp-option-name {
    font-size: map.get($font-size, 'small'); // 14px
  }

  .map-location-lamp-option-grayFont {
    font-size: map.get($font-size, 'extra-small'); // 12px
    color: $color-info;
    line-height: 11px;
  }
}

.map-location-lamp-option-address:hover {
  :global {
    .el-link {
      color: $color-primary;
    }
  }
}

#map-init {
  // height: calc(100% - 130px);
  // width: calc(100% - 206px);
  width: 100%;
  height: 100%;
  position: absolute;

  :global {
    .amap-overlay-text-container {
      // border-radius: map.get($spacing, 'firstGear');
      // border-color: transparent;
      // box-shadow: var(--el-box-shadow-light);
      background-color: transparent;
      border-width: 0;
      text-align: center;

      .area-name {
        // font-weight: 500;
        padding: map.get($spacing, 'firstGear') map.get($spacing, 'secondGear');
        font-size: map.get($font-size, 'base');
        line-height: 1;
      }

      .area-total {
        font-size: map.get($font-size, 'small');
      }
    }
  }
}

.form-elDrawer {
  min-width: 280px;
}

.areaDom {
  width: 316px;
  height: calc(100% - map.get($spacing, 'fourthGear'));
  background-color: $color-white;
  border-radius: 8px;
  position: relative;
  top: map.get($spacing, 'secondGear');
  left: map.get($spacing, 'secondGear');
  z-index: 100;
  box-shadow: var(--el-box-shadow-light);

  .areaAddIcon {
    float: right;
    color: $color-primary;
    font-size: map.get($font-size, 'small');
  }
}

.areaTitle {
  width: 100%;
  float: left;
  padding: 24px 24px 0;
  box-sizing: border-box;
  font-size: map.get($font-size, 'base');

  .lineTxt {
    width: 4px;
    background-color: $color-primary;
    float: left;
    margin-right: 10px;
    padding-top: 24px;
  }
}

.ulstyle {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  float: left;
  border: none;
  padding-left: 24px;
  padding-right: 24px;
  box-sizing: border-box;

  li {
    // height: 28px;
    list-style: none;
    margin-bottom: 8px;
    float: left;
    width: 100%;
    padding: 6px map.get($spacing, 'firstGear') 0;
    opacity: 1;
    font-size: map.get($font-size, 'small');
    border: 1px solid color.adjust($color-primary, $alpha: -0.85);
    box-sizing: border-box;
    border-radius: map.get($border-radius, 'base');
    cursor: pointer;

    .iconDom {
      float: right;
      margin-top: 6px;
      margin-right: 4px;

      i {
        font-size: map.get($font-size, 'small');
        color: $color-primary;
      }
    }

    .leftIcon {
      float: left;
      margin-top: 6px;

      i {
        color: $color-info;
        font-size: 20px;
      }
    }

    .labtxt {
      // float: left;
      // color: $color-info;
      font-weight: 400;
      display: inline-block;
      line-height: 30px;
      width: 100px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
    }
  }

  // 鼠标移到li标签上后的颜色
  li:hover {
    border: 1px solid $color-primary;
  }

  .hightLi {
    border: 1px solid $color-primary;
    background: color.adjust($color-primary, $alpha: -0.85);
  }

  .hightIcon {
    float: left;
    margin-top: 8px;

    i {
      color: $color-primary;
      font-size: map.get($font-size, 'small');
    }
  }

  .areaTxt {
    // float: left;
    line-height: 30px;
    margin-left: 10px;
    display: inline-block;
    width: 80px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}

.app {
  height: calc(100% - 80px);
  overflow-x: hidden;
  overflow-y: auto;
  float: left;
  border: none;
}

// .scrollbar {
//   width: 30px;
//   height: 300px;
//   margin: 0 auto;
// }

// .app::-webkit-scrollbar {
//   width: 10px;
//   height: 1px;
// }

// .app::-webkit-scrollbar-thumb {
//   border-radius: 10px;
//   box-shadow: inset 0 0 1px $color-white;
//   background: $color-primary;
// }

// .app::-webkit-scrollbar-track {
//   box-shadow: inset 0 0 1px $color-white;
//   border-radius: 10px;
//   background: $color-white;
// }

/** 修改form表单样式 ***/

.form-elRow {
  :global {
    .el-col {
      margin-bottom: 16px;
    }
  }
}

.form-elInput {
  :global {
    .el-input {
      height: 40px;
    }

    .el-form-item__label {
      line-height: 35px;
      color: map.get($text-color, 'regular');
      font-size: map.get($font-size, 'small');
    }

    .el-color-picker {
      width: 100%;

      .el-color-picker__trigger {
        width: 100%;
        padding: 0;
        height: 40px;

        .el-color-picker__color-inner {
          justify-content: end;

          .el-icon {
            margin-right: 8px;
          }
        }
      }
    }

    .el-form-item__error {
      padding-top: 14px;
    }

    .el-input__wrapper {
      height: 40px;
    }
  }
}

.el-color-picker__color-inner {
  justify-content: right;

  p {
    margin: 2px 0;

    &.option-address {
      text-indent: 2em;
    }

    .el-link {
      margin-right: 16px;
    }
  }
}

/** 修改新增弹框的父节点样式 **/
.modelClass {
  position: static !important;
  width: 18%;
  height: 100%;
  right: 10px;
  top: 10px;

  :global {
    .el-drawer__body {
      margin-top: -18px;
    }
  }
}

/** 地图工具栏 ***/
.area-map-toolbar {
  // width: 380px;
  height: 56px;
  padding-left: 16px;
  position: absolute;
  top: map.get($spacing, 'secondGear');
  left: 348px;
  background-color: $color-white;
  border-radius: map.get($border-radius, 'base');
  color: $MapToolbarUnActiveIconColor;

  & > :global(.el-space__item > .el-button) {
    padding: 14px 2px;
    color: $MapToolbarUnActiveIconColor;
  }

  & > :global(.el-space__item > .el-button.el-button--primary) {
    background-color: $MapToolbarIconColor;
    color: $color-white;
  }

  & > :global(.el-space__item > .el-button .el-icon) {
    font-size: map.get($font-size, 'base') * 2;
  }
}

.toolbarDom {
  width: 380px;
  height: 56px;
  position: absolute;
  top: 155px;
  left: 702px;
  z-index: 2022; // 新增/编辑 prd'先保存基础数据再画图' 改为 '同时保存画图信息和基础信息', 故此值由'1000'改为了'2022'
  background: $color-white;
  border-radius: 8px;
  box-shadow: var(--el-box-shadow-light);

  .tool {
    width: 61px;
    height: 32px;
    opacity: 1;
    border-right: 1px solid $color-info;
    float: left;
    text-align: center;
    line-height: 30px;
    margin-top: 12px;

    &:last-child {
      border-right-color: transparent;
    }

    i {
      // color: $color-info;
      font-size: 32px;
    }

    :global {
      /** 修改按钮宽高 **/
      .el-button {
        width: 32px;
        height: 32px;
      }
    }
  }
}

/** 点击工具栏样式高亮 ***/
.toolHigh {
  background-color: $color-primary;
}

.helpTxt {
  width: 300px;
  font-size: map.get($font-size, 'small') b {
    font-size: map.get($font-size, 'small');
  }

  label {
    color: $color-info;
  }
}

/** 鼠标滑过工具栏’帮助‘按钮时样式高亮 ***/
.hoverHigh:hover {
  color: $color-primary;
}

/** 行政区 ***/
.xzqDom {
  width: 380px;

  ul {
    width: 100%;
    padding: 10px;
    margin-top: -1px;

    li {
      list-style: none;
      float: left;
      padding: 0;
      margin-right: 20px;
      font-size: map.get($font-size, 'extra-small');
      line-height: 28px;
    }

    li:hover {
      cursor: pointer;
      color: $color-primary;
    }
  }
}

.xzqLiHigh {
  color: $color-primary;
}

.power-distribution-facilities-tabs {
  border-color: transparent;

  & > :global(.el-tabs__header) {
    border-bottom-color: $color-white;
  }

  & > :global(.el-tabs__header .el-tabs__item.is-active) {
    // border-top: 2px solid $color-primary;
    border-left-color: transparent;
    border-right-color: transparent;
  }
}

.loop-info-map-box {
  // height: 280px;
  height: 100%;
  position: relative;
}

#loop-info-map {
  height: 100%;
}

.loop-info-map-light-pole {
  position: absolute;
  right: 40px;
  top: 80px;
  font-size: map.get($font-size, 'medium');

  &:global(.el-button) {
    padding: map.get($spacing, 'firstGear');
  }
}

.loop-info-form {
  .loop-color-picker :global {
    .el-color-picker__mask {
      background-color: transparent;
    }

    .el-color-picker__trigger {
      padding: 0;
    }

    .el-icon {
      display: none;
    }
  }

  :global {
    .el-form-item {
      margin-right: 0;
    }

    .el-link {
      font-size: map.get($font-size, 'large');
    }
  }
}

.associated-facilities-tab {
  :global {
    .el-tabs__nav-wrap::after {
      background-color: transparent;
    }

    .el-tab-pane {
      display: flex;
      flex-direction: column;
      justify-content: space-between;

      .el-table {
        flex: 1;
      }
    }
  }
}

// 灯杆 导入
.import-excel {
  margin: 24px 34px 24px -50px; // 自带16,40px 50px 40px 50px

  .import-excel-row {
    margin-bottom: 33px; // 第一行离下一行的距离
  }

  // 批量导入表格模板
  .import-excel-text-template {
    text-align: right;
    margin-right: 8px;
  }

  // 批量导入表格模板 下载
  .import-excel-text-a {
    color: $color-primary;
    text-decoration: none;
  }

  // 批量导入文件选择
  .import-excel-text-select {
    text-align: right;
    margin: 5px 8px auto auto;
  }
}

// 灯杆 导入按钮
.lamp-import {
  width: 102px;
  height: 32px;
  margin: 0 12px 0 0;
  font-size: map.get($font-size, 'small'); // 14px
  color: $color-white;
  background-color: color.adjust($color-success, $green: 40%);

  &:hover {
    color: $color-white;
    background-color: color.adjust($color-success, $green: 50%);
  }
}

// 灯杆 导入成功
.import-success-content {
  text-align: center;
  margin: 20px auto 60px; // 自带16+20=36px

  .import-success-icon {
    color: var(--color-light-green);
    font-size: map.get($font-size, 'large'); // 24px
    margin-top: -5px;
  }

  .import-success-tips {
    margin-top: 20px;
    color: map.get($text-color, 'secondary');
    font-size: map.get($font-size, 'small'); // 14px
  }
}

// 灯杆 导入 最大条数提示
.import-tips-number {
  margin-top: -5px;
}

// 灯杆 导入失败
.import-failure-content {
  display: flex;
  justify-content: space-between;
  margin: 8px 8px auto; // 自带16+8=24px

  .import-failure-icon {
    font-size: map.get($font-size, 'large'); // 24px
    margin-top: -5px;
  }

  .import-failure-wards {
    font-size: map.get($font-size, 'small'); // 14px
  }
}

// 灯杆 导入失败 滚动条
.import-failure-datas {
  margin: 24px 8px; // 自带16+8=24px

  :global {
    .el-scrollbar {
      --el-scrollbar-bg-color: var(--el-color-primary);
      --el-scrollbar-hover-bg-color: var(--el-color-primary);
    }

    .el-scrollbar__bar {
      z-index: 2;
    }

    // 去掉横向滚动条
    .el-scrollbar__bar.is-horizontal {
      height: 0;
    }
  }
}

// 导入按钮
.import-confirm-button {
  text-align: right;
  margin: auto 8px 8px auto; // 自带16+现加8=24px

  .import-confirm-button-cancel {
    width: 76px;
    height: 32px;
    font-size: map.get($font-size, 'small'); // 14px
    margin-right: 12px; // 自带12 + 现设12 = 24px
    border-color: $color-primary;
    color: $color-primary;
    border-radius: 2px;
    opacity: 1;
  }

  .import-confirm-button-cancel:hover {
    opacity: 0.6;
  }

  .import-confirm-button-submit {
    width: 76px;
    height: 32px;
    font-size: map.get($font-size, 'small'); // 14px
    border-radius: 2px;
  }
}

.sessionDom {
  height: calc(100vh - 105px);
  display: block;
  overflow: hidden;
  position: relative;

  :global {
    .el-drawer.rtl {
      top: map.get($spacing, 'secondGear');
      right: map.get($spacing, 'secondGear');
      height: calc(100% - map.get($spacing, 'fourthGear'));
    }
  }
}

// 保存/修改/取消 按钮
.confirm-button {
  text-align: right;
  margin: 8px 8px 8px auto; // 自带16+现加8=24px

  .confirm-button-cancel {
    width: 76px;
    height: 32px;
    margin-right: 12px; // 自带12 + 现设12 = 24px
    border-color: $color-primary;
    color: $color-primary;
    border-radius: 2px;
    opacity: 1;
  }

  .confirm-button-cancel:hover {
    opacity: 0.6;
  }

  .confirm-button-submit {
    width: 76px;
    height: 32px;
    border-radius: 2px;
  }
}

// 灯/灯杆 新增 删除 导出
.btn-size {
  width: 102px;
  height: 32px;
  margin: 0 12px 0 0;
  font-size: map.get($font-size, 'small'); // 14px
}

.elButtonDraw {
  font-size: map.get($font-size, 'small');
}

// 灯/灯杆 基础资料
.basicInformation-form {
  margin: 12px 12px auto 23px;

  // 灯/灯杆 基础资料 '备注'上面的部分同宽
  .basicInformation-same-width {
    :global {
      .el-input,
      .el-textarea__inner {
        width: 190px;
      }
    }

    // 灯/灯杆 基础资料 单位
    .basicInformation-unit {
      color: $color-info;
    }
  }
}

// 灯/灯杆 基础资料 备注
.basicInformation-memo {
  :global {
    .el-form-item {
      width: 93%;
    }

    .el-textarea__inner {
      padding-right: 63px;
    }
  }
}

// 删除confirm
.delete-confirm-box {
  text-align: center;

  :global {
    .delete-title {
      font-size: map.get($font-size, 'base');
      color: map.get($text-color, 'primary');
      margin-top: 30px;
      margin-bottom: 24px;
    }

    .delete-content {
      font-size: map.get($font-size, 'small');
      color: map.get($text-color, 'regular');
      margin-bottom: 45px;
    }
  }
}

.import-upload-box :global {
  .el-descriptions__content {
    .base-upload-template {
      display: inline-block;
      vertical-align: top;
    }

    .el-upload-list {
      display: none;
    }
  }
}

.success-import-title {
  text-align: center;
  font-size: map.get($font-size, 'base');
}

.success-import-content {
  text-align: center;
  font-size: map.get($font-size, 'small');
}

.error-import-header {
  display: flex;
  justify-content: space-between;

  .error-import-title {
    font-size: map.get($font-size, 'base');
  }

  .error-import-summary {
    font-size: map.get($font-size, 'small');
  }
}

.distribution-satellite-changing-over {
  position: absolute;
  right: 212px;
  bottom: 16px;
  width: 85px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  background-color: #fff;
  border-radius: 6px;
  cursor: pointer;

  &:hover {
    color: #4073ff;
  }
}

.satellite-changing-over {
  position: absolute;
  top: 552px;
  right: 18px;
  width: 85px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  background-color: #fff;
  border-radius: 6px;
  cursor: pointer;

  &:hover {
    color: #4073ff;
  }
}

.satellite-changing-over-actions {
  color: #4073ff;
}

ul,
li,
p {
  padding: 0;
  margin: 0;
}

.demand-batch-data-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;

  .demand-batch-data-item {
    width: 120px;
    text-align: center;
    padding: 10px 12px;
    border: 1px solid #999;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;

    p {
      font-size: 12px;
    }

    .demand-batch-data-num {
      font-size: 20px;
    }
  }

  .demand-batch-data-item-4073ff {
    background-color: #4073ff;
    color: #fff !important;

    .demand-batch-data-num {
      color: #fff !important;
    }
  }

  .demand-batch-data-item-08AFC6 {
    background-color: #08afc6;
    color: #fff !important;

    .demand-batch-data-num {
      color: #fff !important;
    }
  }

  .demand-batch-data-item-40BD5A {
    background-color: #40bd5a;
    color: #fff !important;

    .demand-batch-data-num {
      color: #fff !important;
    }
  }

  .demand-batch-data-item-E64554 {
    background-color: #e64554;
    color: #fff !important;

    .demand-batch-data-num {
      color: #fff !important;
    }
  }

  .demand-batch-data-item-23A0A5 {
    background-color: #23a0a5;
    color: #fff !important;

    .demand-batch-data-num {
      color: #fff !important;
    }
  }

  .demand-batch-data-item-D9001B {
    background-color: #d9001b;
    color: #fff !important;

    .demand-batch-data-num {
      color: #fff !important;
    }
  }

  .demand-batch-data-item-F59A23 {
    background-color: #f59a23;
    color: #fff !important;

    .demand-batch-data-num {
      color: #fff !important;
    }
  }
}

.demand-batch-data-contens-list {
  // width: 142px;
  border: 1px solid #999;
  border-bottom: none;
  list-style-type: none;
  box-sizing: border-box;

  .demand-batch-data-contens-item {
    // width: 141px;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #999;
    box-sizing: border-box;
    cursor: pointer;
  }

  .demand-batch-data-contens-item-action {
    background-color: #4073ff;
    color: #fff;
  }
}

.demand-batch-data-contens {
  position: relative;
  display: flex;
  margin-top: 10px;

  .demand-batch-data-left {
    width: 142px;
    margin-right: 10px;
  }

  .demand-batch-data-right {
    flex: 1;
    display: flex;

    .demand-batch-data-right-list {
      width: 50%;
      margin-right: 10px;
    }

    .demand-batch-data-right-map {
      position: relative;
      width: 50%;
    }
  }

  .demand-batch-data-contens-time {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 16px;
    display: flex;
    align-items: center;

    i {
      font-size: 20px;
    }
  }
}

.delisting-from {
  display: flex;
  margin-bottom: 20px;

  .delisting-from-input {
    width: 240px;
  }
}

.delisting-batch-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  margin-top: 20px;

  .delisting-batch-item {
    width: 18%;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    height: 240px;
    cursor: pointer;

    .delisting-batch-item-title {
      padding: 10px;
      color: #fff;
      font-size: 16px;
      background-color: #4073ff;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
    }

    .delisting-batch-item-title-action {
      background-color: #7f7f7f;
    }

    .delisting-batch-item-title-actions {
      background-color: #ec808d;
    }

    .delisting-batch-item-cons {
      padding: 10px;

      .delisting-batch-item-cons-p {
        padding-bottom: 10px;
        font-size: 14px;
      }
    }
  }
}

.base-upload {
  width: 100%;

  &.limit-max-upload :global(.el-upload) {
    display: none;
  }

  :global {
    .el-upload {
      width: 100%;
    }

    .el-upload-list--picture-card {
      width: 100%;

      .el-upload-list__item {
        .el-icon--close-tip {
          display: none;
          opacity: 0;
        }
      }
    }
  }
}

.overallViewUrl-list {
  list-style-type: none;

  .overallViewUrl-item {
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
    cursor: pointer;

    &:hover {
      color: #4073ff;
    }

    &:last-child {
      color: #4073ff;
    }
  }
}
